<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="My Play Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- bootstrap -->
	<link href="../resources/css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all" />
	<!-- //bootstrap -->
	<link href="../resources/css/dashboard.css" rel="stylesheet">
	<!-- Custom Theme files -->
	<!-- 自定义 -->
	<link href="../resources/app/css/main.css" rel="stylesheet">
	<link href="../resources/css/video-js.css" rel="stylesheet">
	<link href="../resources/app/css/single.css" rel="stylesheet">
	<!-- //自定义 -->
	<link href="../resources/css/style.css" rel='stylesheet' type='text/css' media="all" />
	<script src="../resources/js/jquery-1.11.1.min.js"></script>
	<!--start-smoth-scrolling-->
	<!-- fonts -->
	<%--<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>--%>
	<%--<link href='http://fonts.useso.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>--%>
	<!-- //fonts -->

</head>
<body>
	<input type="hidden" id="myAccount" name=""/>
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html"><h1><img src="../resources/images/logo.png" alt="" /></h1></a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<div class="top-search">
					<form class="navbar-form navbar-right">
						<input type="text" class="form-control" placeholder="Search..." id="search_value">
						<input type="submit" value=" " id="search_submit">
					</form>
				</div>
				<div class="header-top-right">
					<div class="file">
						<a href="/vss/video/upload" id="video_upload">Upload</a>
					</div>
					<div class="signin" id="ddd">
						<a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a>
						<!-- pop-up-box -->
						<script type="text/javascript" src="../resources/js/modernizr.custom.min.js"></script>
						<link href="../resources/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
						<script src="../resources/js/jquery.magnific-popup.js" type="text/javascript"></script>
						<!--//pop-up-box -->
						<div id="small-dialog2" class="mfp-hide">
							<h3>创建账户</h3>
							<div class="social-sits">
								<div class="facebook-button">
									<a href="#"> 微信注册</a>
								</div>
								<div class="chrome-button">
									<a href="#">QQ注册</a>
								</div>

								<div class="button-bottom">
									<p>已有账户? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">直接登录</a></p>
								</div>
							</div>
							<div class="signup">
								<form >
									<input type="text" class="email" placeholder="账号名" maxlength="10" title="Enter a valid mobile number" name="account"/>
								</form>
								<div class="continue-button">
									<a href="#small-dialog3" class="hvr-shutter-out-horizontal play-icon popup-with-zoom-anim">继续</a>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div id="small-dialog3" class="mfp-hide">
							<h3>创建账号</h3>
							<div class="social-sits">
								<div class="facebook-button">
									<a href="#">微信注册</a>
								</div>
								<div class="chrome-button">
									<a href="#">QQ注册</a>
								</div>
								<div class="button-bottom">
									<p>已有账号? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">直接登录</a></p>
								</div>
							</div>
							<div class="signup">
								<form id ="addForm">
									<input type="text" class="email" placeholder="账号名" maxlength="10" title="Enter a valid mobile number" name="account"/>

									<%--<input type="text" class="name" placeholder="姓名" maxlength="10" title="Enter your name" name="name" />--%>
									<input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email" name="email"/>
									<input type="password" placeholder="密码" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name ="password"/>
									<input type="password" placeholder="确认密码" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name="checkPassword"/>
									<input type="text" class="email" placeholder="电话" maxlength="10" pattern="[1-9]{1}\d{9}" title="Enter a valid mobile number" name="phone"/>
									<div class="radio">
										<label>
											<input type="radio" name="optionsRadios" id="sex" value="male" checked> 男
										</label>
										<label>
											<input type="radio" name="optionsRadios" id="sex1" value="female"> 女
										</label>
									</div>
									<%--<input class= type="submit"  value="注册"/>--%>
									<button class="btn btn-primary 	zhuce" type="submit" id="t">注册</button>

								</form>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div id="small-dialog7" class="mfp-hide">
							<h3>Create Account</h3>
							<div class="social-sits">
								<div class="facebook-button">
									<a href="#">Connect with Facebook</a>
								</div>
								<div class="chrome-button">
									<a href="#">Connect with Google</a>
								</div>
								<div class="button-bottom">
									<p>Already have an account? <a href="#small-dialog" class="play-icon popup-with-zoom-anim">Login</a></p>
								</div>
							</div>
							<div class="signup">
								<form action="upload.html">
									<input type="text" class="email" placeholder="Email" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="Enter a valid email"/>
									<input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" />
									<input type="submit"  value="Sign In"/>
								</form>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div id="small-dialog4" class="mfp-hide">
							<h3>Feedback</h3>
							<div class="feedback-grids">
								<div class="feedback-grid">
									<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
								</div>
								<div class="button-bottom">
									<p><a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign in</a> to get started.</p>
								</div>
							</div>
						</div>
						<div id="small-dialog5" class="mfp-hide">
							<h3>Help</h3>
							<div class="help-grid">
								<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
							</div>
							<div class="help-grids">
								<div class="help-button-bottom">
									<p><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Feedback</a></p>
								</div>
								<div class="help-button-bottom">
									<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Lorem ipsum dolor sit amet</a></p>
								</div>
								<div class="help-button-bottom">
									<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Nunc vitae rutrum enim</a></p>
								</div>
								<div class="help-button-bottom">
									<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris at volutpat leo</a></p>
								</div>
								<div class="help-button-bottom">
									<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris vehicula rutrum velit</a></p>
								</div>
								<div class="help-button-bottom">
									<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Aliquam eget ante non orci fac</a></p>
								</div>
							</div>
						</div>
						<div id="small-dialog6" class="mfp-hide">
							<div class="video-information-text">
								<h4>Video information & settings</h4>
								<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
								<ol>
									<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
									<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
									<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
									<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
									<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit fermentum tincidunt.</li>
								</ol>
							</div>
						</div>
						<script>
							$(document).ready(function() {
								$('.popup-with-zoom-anim').magnificPopup({
									type: 'inline',
									fixedContentPos: false,
									fixedBgPos: true,
									overflowY: 'auto',
									closeBtnInside: true,
									preloader: false,
									midClick: true,
									removalDelay: 300,
									mainClass: 'my-mfp-zoom-in'
								});

							});
						</script>
					</div>
					<div class="signin" id="dd" >
						<div id="d" name="test">
							<a href="#small-dialog" class="play-icon popup-with-zoom-anim" id="login">登录</a>
						</div>


						<div id="small-dialog" class="mfp-hide">
							<h3>登录</h3>
							<div class="social-sits">statusemail
								<div class="facebook-button">
									<a href="#">微信登录</a>
								</div>
								<div class="chrome-button">
									<a href="#">QQ登录</a>
								</div>
								<div class="button-bottom">
									<p>没有账户? <a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a></p>
								</div>
							</div>
							<div class="signup">
								<form id="signUpForm" >
									<input type="text" class="email" placeholder="账号名" required="required" name="account" />
									<input type="password" placeholder="Password" required="required" pattern=".{6,}" title="Minimum 6 characters required" autocomplete="off" name="password"/>
									<button class="btn btn-primary 	signUpBtn" type="submit"  value="登录">登陆</button>
								</form>
								<div class="forgot">
									<a href="#">忘记密码?</a>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="file" id="dddd" >
						<a href="#small-dialog8" style="display:none;background: white;" id="im" class="play-icon popup-with-zoom-anim myInformation" >
							<img id="current_user_url1" src="../resources/images/a.png" height="50" width="50" style="margin-top: -15px">
						</a>
						<div id="small-dialog8" class="mfp-hide">
							<h3>我的资料</h3>
							<div class="social-sits">
								<div class="facebook-button">
									<a href="#">我的邮箱</a>
								</div>
								<div class="chrome-button">
									<a href="#">我的消息</a>
								</div>
								<div class="button-bottom">
									<p> <a href="#small-dialog" class="play-icon popup-with-zoom-anim">退出登录</a></p>
								</div>
							</div>
							<div class="signup">
								<a href="http://www.baidu.com">
									<img src="../resources/images/a.png" height="50" width="50" id="current_user_url2">
								</a>
								<form id ="addForm2">
									<input type="text" class="email" placeholder="账号名" maxlength="5" title="我的账号" name="account" id="a" readonly="readonly"/>
									<%--<input type="text" class="name" placeholder="姓名" maxlength="10" title="Enter your name" name="name" />--%>
									<input type="text" class="email" placeholder="邮箱" required="required" pattern="([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?" title="我的邮箱" name="email" id="e"/>
									<input type="password" placeholder="密码" required="required" pattern=".{6,}" title="我的密码" autocomplete="off" name ="password" id="p"/>
									<input type="password" placeholder="确认密码" required="required" pattern=".{6,}" title="修改密码确认" autocomplete="off" name="checkPassword" id="cp"/>
									<input type="text" class="email" placeholder="电话" maxlength="10" pattern="[1-9]{1}\d{9}" title="我的电话" name="phone" id="ph"/>
									<div class="radio">
										<label>
											<input type="radio" name="optionsRadios" id="0" value="male" > 男
										</label>
										<label>
											<input type="radio" name="optionsRadios" id="1" value="female"> 女
										</label>
									</div>
									<%--<input class= type="submit"  value="注册"/>--%>
									<button class="btn btn-primary 	updateUser" type="submit" id="t">修改</button>
								</form>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</nav>
	<div class="copyrights">Collect from <a href="http://www.baidu.com/" >视频分享网站</a></div>
	<div class="col-sm-3 col-md-2 sidebar">
		<div class="top-navigation">
			<div class="t-menu">MENU</div>
			<div class="t-img">
				<img src="../resources/images/lines.png" alt="" />
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="drop-navigation drop-navigation">
			<ul class="nav nav-sidebar">
				<li class="active"><a href="/vss" class="home-icon"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li>
				<li><a href="/vss/video/video_show?video_type=news&pageNum=1" class="news-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>News</a></li>
				<li><a href="/vss/video/video_show?video_type=tv_shows&pageNum=1" class="user-icon"><span class="glyphicon glyphicon-home glyphicon-blackboard" aria-hidden="true"></span>TV Shows</a></li>
				<li><a href="/vss/video/video_show?video_type=movies&pageNum=1" class="menu1"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>Movies</a></li>
				<li><a href="/vss/video/video_show?video_type=sports&pageNum=1" class="menu"><span class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>Sports</a></li>
				<li><a href="/vss/video/video_show?video_type=songs&pageNum=1" class="song-icon"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>Songs</a></li>
				<li><a href="/vss/video/video_show?video_type=history&pageNum=1" class="sub-icon"><span class="glyphicon glyphicon-home glyphicon-hourglass" aria-hidden="true"></span>History</a></li>
			</ul>
			<!-- script-for-menu -->
			<script>
				$( ".top-navigation" ).click(function() {
					$( ".drop-navigation" ).slideToggle( 300, function() {
						// Animation complete.
					});
				});
			</script>
			<div class="side-bottom">
				<div class="side-bottom-icons">
					<ul class="nav2">
						<li><a href="#" class="facebook"> </a></li>
						<li><a href="#" class="facebook twitter"> </a></li>
						<li><a href="#" class="facebook chrome"> </a></li>
						<li><a href="#" class="facebook dribbble"> </a></li>
					</ul>
				</div>
				<div class="copyright">
					<p>Copyright &copy; 2018.scau 15 computer 5! group</p>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
		<div class="main-grids">
			<div class="show-top-grids">
				<div class="col-sm-8 single-left">
					<div class="song">
						<%--<div class="song-info">--%>
						<%--<h3>Etiam molestie nisl eget consequat pharetra</h3>--%>
						<%--</div>--%>
						<%--<div class="video-grid">--%>
						<%--<video id="my-video" class="video-js" controls preload="auto"--%>
						<%--poster="resources/images/m.png" data-setup="{}">--%>
						<%--<source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">--%>
						<%--<p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/jsp.html" target="_blank">supports HTML5 video</a> </p>--%>
						<%--</video>--%>
						<%--</div>--%>
					</div>
					<div class="song-grid-right">
						<div class="share">
							<%--<h5>Share this</h5>--%>
							<%--<ul>--%>
							<%--<li><a href="#" class="icon fb-icon">Facebook</a></li>--%>
							<%--<li><a href="#" class="icon dribbble-icon">Dribbble</a></li>--%>
							<%--<li><a href="#" class="icon twitter-icon">Twitter</a></li>--%>
							<%--<li><a href="#" class="icon pinterest-icon">Pinterest</a></li>--%>
							<%--<li><a href="#" class="icon whatsapp-icon">Whatsapp</a></li>--%>
							<%--<li><a href="#" class="icon like" id="like">Like</a></li>--%>
							<%--<li><a href="#" class="icon comment-icon">Comments</a></li>--%>
							<%--<li class="view">200 Views</li>--%>
							<%--</ul>--%>
						</div>
					</div>
					<div class="clearfix"> </div>
					<div class="published">
						<div class="load_more">
							<ul id="myList"></ul>
						</div>
					</div>
					<div class="all-comments">
						<div class="all-comments-info">
							<a href="#" id="total_comments"></a>
							<div class="box">
								<div>
									<%--<input type="text" placeholder="Name" required=" ">			           					   --%>
									<input type="hidden" name="video_id" id="video_id">
									<input type="hidden" name="user_id" id="user_id">
									<textarea id="context" placeholder="Message" required=" "></textarea>
									<input type="submit" value="SEND" id="sendComment">
									<div class="clearfix"> </div>
								</div>
							</div>
							<%--<div class="all-comments-buttons">--%>
							<%--<ul>--%>
							<%--<li><a href="#" class="top">Top Comments</a></li>--%>
							<%--<li><a href="#" class="top newest">Newest First</a></li>--%>
							<%--<li><a href="#" class="top my-comment">My Comments</a></li>--%>
							<%--</ul>--%>
							<%--</div>--%>
						</div>
						<div class="media-grids">
							<%--<div class="media">--%>
							<%--<h5>Tom Brown</h5>--%>
							<%--<div class="media-left">--%>
							<%--<a href="#">--%>
							<%----%>
							<%--</a>--%>
							<%--</div>--%>
							<%--<div class="media-body">--%>
							<%--<p>Maecenas ultricies rhoncus tincidunt maecenas imperdiet ipsum id ex pretium hendrerit maecenas imperdiet ipsum id ex pretium hendrerit</p>--%>
							<%--<span>View all posts by :<a href="#"> Admin </a></span>--%>
							<%--</div>--%>
							<%--</div>--%>
						</div>
					</div>
				</div>
				<div class="col-md-4 single-right">
					<h3>Up Next Top 12</h3>
					<div class="single-grid-right"></div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="footer-grids">
				<div class="footer-top">
					<div class="footer-top-nav">
						<ul>
							<li><a href="about.html">About</a></li>
							<li><a href="press.html">Press</a></li>
							<li><a href="copyright.html">Copyright</a></li>
							<li><a href="creators.html">Creators</a></li>
							<li><a href="#">Advertise</a></li>
							<li><a href="developers.html">Developers</a></li>
						</ul>
					</div>
					<div class="footer-bottom-nav">
						<ul>
							<li><a href="terms.html">Terms</a></li>
							<li><a href="privacy.html">Privacy</a></li>
							<li><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Send feedback</a></li>
							<li><a href="privacy.html">Policy & Safety </a></li>
							<li><a href="try.html">Try something new!</a></li>
						</ul>
					</div>
				</div>
				<div class="footer-bottom">
					<ul>
						<li class="languages">
							<select class="form-control bfh-countries" data-country="US">
								<option value="">Select Language</option>
								<option>Japanese</option>
								<option>Greek</option>
								<option>Arabic</option>
							</select>
						</li>
						<li class="languages">
							<select class="form-control bfh-countries">
								<option value="">Select Country</option>
								<option value="CHN">China</option>
								<option value="HKG">Hong Kong</option>
							</select>
						</li>
						<li class="languages">
							<select class="form-control bfh-countries" data-country="US">
								<option value="">Safety Off</option>
								<option value="">Safety On</option>
							</select>
						</li>
						<li><a href="history.html" class="f-history">History</a></li>
						<li><a href="#small-dialog5" class="play-icon popup-with-zoom-anim f-history f-help">Help</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- //footer -->
	</div>
	<div class="clearfix"> </div>
	<div class="drop-menu">
		<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu4">
			<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
			<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
			<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
		</ul>
	</div>
	<!-- Bootstrap core JavaScript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="../resources/js/user.js" type="text/javascript"></script>
	<script src="../resources/js/bootstrap.min.js"></script>
	<script>
        var myPlayer = videojs('my-video');
        videojs("my-video").ready(function(){
            var myPlayer = this;
            myPlayer.play();
        });
	</script>
	<script src="../resources/js/video.min.js"></script>
	<script src="../resources/app/js/base.js"></script>
	<script src="../resources/app/js/single.js"></script>
	<%--<script src="../resources/app/js/video_show.js"></script>--%>
	<script src="../resources/app/js/search.js"></script>
	<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
</body>
</html>